    body, html {
      background-color: #aaa;
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 100%;
      position: absolute;
      overflow: hidden;
    }

    #editor {
      background-color: #fff;
      background-size: 100% 100%;
      background-position: 0px 0px;
      background-repeat: no-repeat;
/*       border: 1px solid #aaa; */
      width: 1024px;
      height: 672px;
      margin: auto;
      visibility: hidden;
/*       overflow: auto; */
/*       position: relative; */
/*       top: 50px; */
    }
    
/*     #skt-icon-undo { */
/*     	width: 14px; */
/*     	height: 15px; */
/*     	background-image: url('../images/image.png'); */
/*     	background-position: center; */
/*     	background-size: 100% 100%; */
/*     } */
    
/*     #skt-icon-redo { */
/*     	width: 14px; */
/*     	height: 15px; */
/*     	background-image: url('../images/image.png'); */
/*     	background-position: center; */
/*     	background-size: 100% 100%; */
/*     } */
    
    #concurrent-users-panel {
    	width: 100%;
    	height: 34px;
    	font-size: 12px;
    	text-align: center;
    	vertical-align: middle;
    	background: #003592;
    	border-top: none;
    	border-left: none;
    	border-right: none;
    	border-bottom: 1px solid #293e8d;
    	color: white;
    }
    
    #concurrent-users-panel * {
    	display: inline-block;
    	vertical-align: middle;
    }
    
    #concurrent-users-panel span {
    	position: relative;
    	top: -2px;
    }
    
    #concurrent-users-panel #concurrent-users-list {
    	position: relative;
    	top: 2px;
    	cursor: pointer;
    }
    
    #concurrent-users-panel #concurrent-users-list li {
    	margin: 0px 2px;
    }
    
    #force-view-btn {
    	top: 0px;
    	cursor: pointer;
    }
    
    #force-view-btn .ui-state-error-text {
    	background: none; 
    	border: none; 
    	height: 15px;
    }
    
    #force-view-btn .ui-state-error-text > span {
    	top: 0px;
    }
    
    #start_message {
      color: #999;
      margin: auto;
      padding: 18% 20%;
      position: absolute;
      font-size: 48px;
      text-align: center;
      line-height: 52px;
    }
    
    .tools .btn {
      margin-left: 3px;
      margin-top: 3px;
      background-image: linear-gradient(rgb(220, 220, 220), rgb(255, 255, 255));
      padding: 1px 7px;
      text-align: center;
      vertical-align: middle;
    }
    
    .tools .btn.tool-disabled {
      background-color: rgb(180, 180, 180);
      background-image: none;
    }
    
    .tools .btn-selected {
      background-image: linear-gradient(rgb(115, 135, 240), rgb(203, 209, 240));
      background-color: rgb(115, 135, 240);
    }

    .btn-group .btn-selected {
      background-image: linear-gradient(rgb(75, 88, 156), rgb(203, 209, 240));
      background-color: rgb(115, 135, 240);
    }

    .sorting {
      background-image: linear-gradient( #ccc,rgb(75, 88, 156), #ccc);
    }

    .tools .btn .simpleColorContainer {
      height: 100%;
      width: 100%;
    }

    .simpleColorContainer .simpleColorDisplay {
      height: 100%;
      width: 100%;
    }

    .tools > ul {
      list-style: none outside none;
      margin: 0px;
    }

    .show_hide_menu_btn {
      color:#fff;
      position: absolute;
      right: 10px;
      top: 4px;
    }

    #icon_active_tool {
      background-color: #eee;
      color: #111;
      padding: 3px;
      border-radius: 15px;
      position: absolute;
      right: 65px;
      top: 4px;
      /*visibility: none;*/
    }

    #icon_signout {
      text-decoration:none; 
      background-color: #eee;
      color: #f00;
      padding: 3px;
      border-radius: 15px;
      position: relative;
    }


    .tools > ul > li {
      display: inline-block;
    }

    .tools > h5 {
      margin: 5px 0 0;
      text-align: center;
      color: #eee;
      line-height: 35px;
    }

    .rooms > h5 {
      margin: 5px 0 0;
      text-align: center;
    }

    .tools {
      border: 1px solid #777;
      border-radius: 3px;
      background-color: #003592;
      width:100px;
      position: absolute;
      top:60px;
      left: 90px;
      padding-bottom: 10px;
    }

     .hidden_menu{
      height: 18px;
      overflow: hidden;
    }

    .rooms {
      border: 1px solid #aaa;
      border-radius: 5px;
      background-color: #999;
      width:124px;
      position: absolute;
      top:20px;
      right: 20px;
      padding-right: 10px;
      padding-left: 10px;
      padding-bottom: 10px;     
    }

    .rooms > h5 {
      text-align: center;
    }

    .room {
      position: relative;
      width: 102px;
      height: 67px;
      background: white;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border: 2px solid black;
      margin-bottom: 2px;
      margin-right: 2px;
    }

    .rooms_list{
      width: 100%;
      height: 110px;
      overflow-y:hidden;
      margin-bottom: 0px;
    }

    .rooms_list > .rooms-ul{
      width: 100%;
      height: 102px;
      overflow-y:auto;
      margin-bottom: 0px;
    }

    .rooms_list_handler{
      height: 12px;
      background-color: #999;
      position: relative;
      bottom: 2px;
    }

    .room.selected {
      border: 2px solid blue;
    }

    .room.task{
      border: 2px solid red;
    }

    .btn-mini{
      width: 30px;
      height: 28px;
      line-height: 28px
    }

    .btn-toolbar {
      margin-top: 3px;
      margin-bottom: 3px;
      font-size: 0;
    }

    #group_users_btn{
      font: bold 50%;
      color: grey;
    }

    #menu_accordion_right{
      padding-right: 164px;
      width: auto;
    }

    .user_menu > h5 {
      text-align: center;
    }

    .user_menu {
      border: 1px solid #aaa;
      border-radius: 5px;
      background-color: #999;
      width:124px;
      position: absolute;
      top:150px;
      right: 400px;
      padding-right: 10px;
      padding-left: 10px;
      padding-bottom: 10px;
      visibility: hidden;    
    }

    .sort_rooms {
      border: 1px solid #aaa;
      border-radius: 5px;
      background-color: #999;
      width:462px;
      
      position: absolute;
      top:40px;
      right: 350px;
      padding-right: 10px;
      padding-left: 10px;
      padding-bottom: 10px;     
    }

    .canvas_list {
      max-height: 350px;
      overflow-y: auto;
    }

    .corner_menu_btn{
      color:#fff;
      position: absolute;
      right: 10px;
      top: 4px;
    }

    .users_list {
      height: 100px;
      overflow-y:auto; 
    }

    .room-placeholder {
      width: 102px;
      height: 67px;
      background: #fbf9ee;
      border: 2px solid #fcefa1;
      margin-bottom: 2px;
      margin-right: 2px;
    }

    .room-hover {
      background: #fbf9ee;
      border: 2px solid #fcefa1;
    }

    .canvas-hover {
      border: 2px solid #fcefa1;
    }

    .icon-dropzone{
      padding-top: 20px;
      font-size: 60px;
      text-align: center;
      border: 2px solid #333;
      border-radius: 5px;
      background-color: #aaa;
      width:120px;
      height:80px;
      position: fixed;
      visibility: hidden;
    }
    
    .icon-dropzone-red-hover{
      background-color: #ccc;
      color:red;
      border-color:red;
    }

    .icon-dropzone-green-hover{
      background-color: #ccc;
      color:green;
      border-color:green;
    }

    .icon-dropzone > span { 
      /*border: 4px solid #333;*/
    }

    #delete-zone{
      top:100px;
    }

    #edit-request-zone{
      top:100px;
      visibility: visible;
    }

    #copy-zone{
      top:210px;
    }

    #paste-zone{
      top:320px;
    }

      
        #workareas-sidebar{
          padding: 0 0 0 10px;
          width: 250px;
          height: 100%;
          background: #ccc;
          border: 1px solid #29216d;
        }

        #groups-tasks-sidebar{
          padding: 0 0 0 3px;
          width: 295px;
          height: 100%;
          background: #ccc;
          border: 1px solid #29216d;
        }

        #login-data{
          font-size: 11pt;
          font-weight: bold;
          color: #777;
          line-height: 18pt;
          border: 1px solid #aaa;
          border-radius: 14px;
          padding: 6px 8px;
          width: 265px;
          text-align: center;
        }
        
        #login-data > #login-data-name{
          text-transform: capitalize;
          font-size: 11pt;
          color: #555;
        }

        .dragbar{
          background:url('../images/dragbar.png');
          height:100%;
          position: absolute;
          width: 10px;
          cursor: col-resize;
        }

        .dragzone{
          height:100%;
          position: absolute;
          width: 90px;
          cursor: col-resize;
          z-index: 0;
        }

        .dragzone-left{
          margin-right: -10px;
        }

        .dragzone-right{
          margin-left: -10px;
        }

        .left-dragbar{
          left:0px;
        }

        .right-dragbar{
          right:0px;
        }

        .ui-accordion .ui-accordion-content{
          padding: 2px;
        }

        .ui-widget-content {
          border: 0px;
          background: transparent
        }
        .ui-accordion .ui-accordion-header-active {
          cursor: pointer;
          position: relative;
          margin-top: 1px;
          zoom: 1;
          font-weight: bold;
        }

        .ui-accordion-icons .ui-accordion-header a {
          padding-left: 2.2em;
          background-color: rgb(230, 230, 230);
          background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255) 25%, rgb(230, 230, 230));
          background-repeat: no-repeat;
        }

  .userlist{
  }
  .userlist > li, .grouplist > li, .draggableText{
    border: 1px solid #aaa;
    max-height: 50px;
    border-radius: 5px;
    margin-bottom: 1px;
    overflow: hidden;
    text-transform: capitalize;
    background-color: #ddd;
    text-align: center;
  }
  .userlist > li > a,.grouplist > li > a, .draggableText > a{
    color: #555;
  }

  .draggableText{
    display: list-item;
    float: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 35px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 1px;
    max-height: 50px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
    text-transform: capitalize;
    width: 131px;
}

  #students{
    width: 150px;
    height: 100%;
    overflow-y:auto;
    font-size: 12px;
    position: relative;
    float: right;
    right: 11px;
  }

  #students_ul{
    height: 100%;
    overflow-y: scroll;
    margin-bottom: 0;
  }

  .ui-dialog{
    background: #fff;
  }

  #editTextButton > a{
    border: 1px solid #777;
    border-radius: 3px;
    font-size: 14pt;
    padding: 7px;
  }
  
  .user-status{
    font-size: 25px;
    float: right;
    text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999;
    color: #999;
  }

  .user-status-online{
    color: #0ff801;
  }
  
  .user-status-attention {
  	color: #fffa6d;
  }

  #groups-tasks-sidebar-top{
    /*height: 10%;*/
  }

  #groups-tasks-sidebar-bottom{
    /*height: 90%;*/
  }


	#create-group-table td > * {
		display: inline-block;
	}
	
	#create-group-table td input {
		display: inline;
		margin: 0px 5px;
	}
	
	#create-group-table td .ui-spinner-input {
		width: 50px;
	}
	
	#create-group-table td .ui-icon {
		margin: 0px 4px;
		display: inline-block;
		position: relative;
		top: 5px;
	}
	
	
	
	
	

    	.group-h2 {
    		background-color: #DDDDDD;
		    border: 1px solid #AAAAAA;
		    border-radius: 5px;
		    margin-bottom: 1px;
		    margin-top: 2px;
    		height: 33px;
		    max-height: 50px;
		    overflow: hidden;
		    text-align: center;
		    line-height: normal;
		    color: #555555;
		    text-align: center;
    		font-size: 12px;
    		cursor: pointer;
    	}
    	
    	.group-h2 a {
    		position: relative;
    		top: 4px;
    		left: -5px;
    		font-weight: normal;
    	}
    	
    	.group-h2 span {
    		position: relative;
    		top: 8px;
    		left: -5px;
    		display: inline-block;
    	}
    	
    	
    

		  .dropableGroup {
		  	background-color: #eee;
		  } 	
		
		  .dropableGroup > a {
		    background-color: #eee;
		  }`
		  
		  
		  
 .groupal-room-list-name {
 	background-color: rgba(255,255,255,0.5);
 }
 
/*  #areyoufuckingkiddingme { */
/*  	background-color: rgba(255,255,255,0.5); */
/*  } */
 
/*  #areyoufuckingkiddingme .icon-plus { */
/*  	float: right; position: relative; right: 5px; height: 12px; width: 10px; line-height: inherit; */
/*  } */
 
 .groupal-room-list-name .ui-icon {
 	display: inline-block;
 	vertical-align: middle;
 }
		
.group-type-icon {
	top: -1px;
	position: relative;
}
		
a.skt-tool-btn {
	padding: 1px 3px;
}
		
i.skt-icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-position: center;
	background-size: 100% 100%;
}
		
i.skt-icon-undo {
	 background-image: url('../images/toolbar/9.png');
}
		
i.skt-icon-repeat {
	 background-image: url('../images/toolbar/8.png');
}
		
i.skt-icon-copy {
	 background-image: url('../images/toolbar/12.png');
}
		
i.skt-icon-paste {
	 background-image: url('../images/toolbar/13.png');
}
		
i.skt-icon-download {
	 background-image: url('../images/toolbar/7.png');
}
		
i.skt-icon-trash {
	 background-image: url('../images/toolbar/4.png');
}
		
i.skt-icon-hand-up {
	 background-image: url('../images/toolbar/10.png');
}
		
i.skt-icon-pencil {
	 background-image: url('../images/toolbar/5.png');
}
		
i.skt-icon-remove-circle {
	 background-image: url('../images/toolbar/14.png');
}
		
i.skt-icon-font {
	 background-image: url('../images/toolbar/1.png');
}
		
i.skt-icon-zoom-in {
	 background-image: url('../images/toolbar/2.png');
}
		
i.skt-icon-zoom-out {
	 background-image: url('../images/toolbar/3.png');
}
		
i.skt-icon-move {
	 background-image: url('../images/toolbar/11.png');
}

.import-slides-btn {
	display: none;
}